<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Basic custom controls</title>
    <link href="custom-controls.css" rel="stylesheet">
  </head>
  <body>
    <h1>Basic custom controls</h1>

  <section class="player">
    <video controls>
      <source src="rabbit320.mp4" type="video/mp4">
      <source src="rabbit320.webm" type="video/webm">
      <p>Your browser doesn't support HTML5 video. Here is a <a href="rabbit320.mp4">link to the video</a> instead.</p>
    </video>

    <div class="controls">
      <button class="playpause">Play</button>
      <button class="stop">Stop</button>
      <button class="rwd">Rwd</button>
      <button class="fwd">Fwd</button>
      <div class="time">00:00</div>
    </div>
  </section>

  <script src="main.js"></script>
  </body>
</html>
